.Serve{
		width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.head {
  width: 100%;
  height: 0.87rem;
  display: flex;
  justify-content: center;
  position: relative; }
  .head .middleHead {
    width: 100%;
    height: 0.2rem;
    margin-top: 0.15rem;
    display: flex;
    justify-content: space-between; }
    .head .middleHead .icon-chakantiezigengduo {
      font-size: 0.2rem;
      color: #28354c;
      padding-left: 0.16rem; }
    .head .middleHead .headWord {
      width: 0.65rem;
      height: 0.2rem;
      padding-left: 0.2rem; }
    .head .middleHead .shoppingIcon {
      width: 0.65rem;
      height: 0.2rem;
      display: flex;
      justify-content: space-between;
      padding-right: 0.16rem; }
      .head .middleHead .shoppingIcon .icon-gouwuche {
        font-size: 0.2rem;
        color: #28354c; }
      .head .middleHead .shoppingIcon .icon-icon {
        font-size: 0.2rem;
        color: #28354c; }
  .head .nav {
    width: 100%;
    height: 0.38rem;
    position: absolute;
    bottom: 0rem;
    box-sizing: border-box; }
    .head .nav .middleNav {
      width: 74.93333%;
      height: 0.37rem;
      text-align: center;
      margin: 0 auto; }
      .head .nav .middleNav .navUl {
        display: flex;
        justify-content: space-between;
        height: 0.37rem; }
        .head .nav .middleNav .navUl .navLi01 {
          font-size: 0.15rem;
          color: #83889a;
          float: left;
          line-height: 0.37rem; }
        .head .nav .middleNav .navUl .navLi02 {
          font-size: 0.15rem;
          color: #c69e58;
          float: left;
          line-height: 0.37rem; }
          .head .nav .middleNav .navUl .navLi02 .border {
            background: #c69e58;
            width: 0.16rem;
            height: 0.02rem;
            text-align: center;
            margin-left: 0.07rem; }
    .head .nav .navLine {
      width: 100%;
      height: 1px;
      display: block; }



.content{
	    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.servr{
	width: 100%;
}
.swiper-container {
  margin-top: 0.12rem;
  width: 100%;
  height: 1.5rem;
  padding-bottom: 0.26rem; }
  .swiper-container .swiper-wrapper {
    width: 3.35rem;
    height: 1.5rem;
    margin: 0 auto; }
    .swiper-container .swiper-wrapper .swiper-slide {
      width: 3.35rem;
      height: 1.5rem; }
      .swiper-container .swiper-wrapper .swiper-slide .lunboPic {
        width: 3.35rem;
        height: 1.5rem;
        margin: 0 auto; }

.serveHealth {
  width: 100%;
  height: 3.975rem;
  background: #eee;
  position: relative; }
  .serveHealth .healthCont {
    width: 100%;
    height: 3.895rem;
    margin-bottom: 0.08rem;
    background: #fff;
    position: absolute; }
    .serveHealth .healthCont .reTitle {
      width: 100%;
      height: 0.4rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #eee; }
      .serveHealth .healthCont .reTitle .titleP {
        margin-left: 0.12rem;
        font-size: 0.14rem;
        color: #83889a;
        line-height: 40px; }
      .serveHealth .healthCont .reTitle .icon-msnui-right-arrow-round {
        float: right;
        font-size: 0.24rem;
        line-height: 0.4rem;
        color: #666;
        margin-right: 0.12rem; }
    .serveHealth .healthCont .goods {
      width: 100%; }
      .serveHealth .healthCont .goods .goodsLi {
        width: 93.6%;
        height: 0.92rem;
        padding: 0.12rem;
        padding-left: 0;
        margin-left: 0.12rem;
        overflow: hidden;
        border-bottom: 1px solid #eee; }
        .serveHealth .healthCont .goods .goodsLi .module {
          display: block;
          text-decoration: none;
          color: inherit; }
          .serveHealth .healthCont .goods .goodsLi .module .imgCont {
            position: relative;
            width: 0.90rem;
            height: 0.90rem;
            margin-right: 0.12rem;
            float: left; }
            .serveHealth .healthCont .goods .goodsLi .module .imgCont .goodsPic {
              display: block;
              position: absolute;
              width: 0.90rem;
              height: 0.90rem;
              margin-right: 0.12rem;
              float: left; }
          .serveHealth .healthCont .goods .goodsLi .module .goodsDetail {
            width: 2.49rem;
            height: 0.7rem;
            float: right; }
            .serveHealth .healthCont .goods .goodsLi .module .goodsDetail .gift {
              font-size: 0.15rem; }
            .serveHealth .healthCont .goods .goodsLi .module .goodsDetail .giftWord {
              font-size: 0.12rem;
              color: #c2c3cd; }
          .serveHealth .healthCont .goods .goodsLi .module .goodsPirce {
            width: 2.49rem;
            height: 0.22rem;
            float: right; }
            .serveHealth .healthCont .goods .goodsLi .module .goodsPirce .cheap {
              color: #ff695c;
              font-size: 0.16rem; }

.bigPic {
  width: 100%;
  height: 1.04rem;
  margin-bottom: 0.08rem;
  background: #EEEEEE; }
  .bigPic .picCont {
    width: 0.96rem;
    background: #FFFFFF; }
    .bigPic .picCont .middlePic {
      width: 100%;
      height: 0.96rem;
      display: block; }
